0
תגובות
היי,
יש לי פונקציה שנקראת "selectMenue" למרות שאני נכנס לפונקציה באירוע לחיצה מהתפריט
אני לא מצליח לבחור את אחת השורות התפריט למה?
כדי להפעיל את הקוד צריך להכניס קודם אות לשדה החיפוש
תודה!
יש לי פונקציה שנקראת "selectMenue" למרות שאני נכנס לפונקציה באירוע לחיצה מהתפריט
אני לא מצליח לבחור את אחת השורות התפריט למה?
כדי להפעיל את הקוד צריך להכניס קודם אות לשדה החיפוש
תודה!
<html>
<head>
<title>Tutorial word in field</title>
<link rel="stylesheet" rev="stylesheet" href="script.css" />
<script src="popups.js" type="text/javascript">
</script>
</head>
<body>
<form action="#">
Please enter your word:<br />
<input type="text" id="word" autocomplete="off" onkeyup="initAll();" /><br />
<div id="popups" onClick="selectMenue(evt);"> </div>
</form>
</body>
</html>
function initAll() {
/* document.write("I am in initall "); */
document.getElementById("popups").innerHTML = "";
var tempDiv = document.createElement("div");
tempDiv.innerHTML = "my word";
tempDiv.className = "suggestions";
document.getElementById("popups").appendChild(tempDiv);
tempDiv = document.createElement("div");
tempDiv.innerHTML = "secend word";
tempDiv.className = "suggestions";
document.getElementById("popups").appendChild(tempDiv);
}
function selectMenue(evt) {
/*document.write("I am in selectMenue "); */
var thisDiv = (evt) ? evt.target : window.event.srcElement;
document.getElementById("word").value = thisDiv.innerHTML;
document.getElementById("popups").innerHTML = "";
}
body, #searchField {
font: 1.2em arial, helvetica, sans-serif;
}
#popups {
position: absolute;
}
#searchField.error {
background-color: #FC0;
}
div.suggestions {
background-color: #FFF;
padding: 2px 6px;
border: 1px solid #000;
}
div.suggestions:hover {
background-color: #69F;
}
<head>
<title>Tutorial word in field</title>
<link rel="stylesheet" rev="stylesheet" href="script.css" />
<script src="popups.js" type="text/javascript">
</script>
</head>
<body>
<form action="#">
Please enter your word:<br />
<input type="text" id="word" autocomplete="off" onkeyup="initAll();" /><br />
<div id="popups" onClick="selectMenue(evt);"> </div>
</form>
</body>
</html>
function initAll() {
/* document.write("I am in initall "); */
document.getElementById("popups").innerHTML = "";
var tempDiv = document.createElement("div");
tempDiv.innerHTML = "my word";
tempDiv.className = "suggestions";
document.getElementById("popups").appendChild(tempDiv);
tempDiv = document.createElement("div");
tempDiv.innerHTML = "secend word";
tempDiv.className = "suggestions";
document.getElementById("popups").appendChild(tempDiv);
}
function selectMenue(evt) {
/*document.write("I am in selectMenue "); */
var thisDiv = (evt) ? evt.target : window.event.srcElement;
document.getElementById("word").value = thisDiv.innerHTML;
document.getElementById("popups").innerHTML = "";
}
body, #searchField {
font: 1.2em arial, helvetica, sans-serif;
}
#popups {
position: absolute;
}
#searchField.error {
background-color: #FC0;
}
div.suggestions {
background-color: #FFF;
padding: 2px 6px;
border: 1px solid #000;
}
div.suggestions:hover {
background-color: #69F;
}